<template>
  <table
    class="f-table"
    border="1"
    cellpadding="0"
    cellspacing="0"
    style="width:1190px;border:none; text-align:center;"
  >
    <tr class="content-text">
      <td>检查</td>
      <td>
        <img :src="examiner" />
        </td>
      <td>记录</td>
      <td><img :src="recorder" /></td>
      <td>复核</td>
      <td><img :src="reviewer" /></td>
    </tr>
    <tr class="content-text" style="height:60px">
      <td>施工单位意见:</td>
      <td colspan="5">{{ suggession1 }}</td>
    </tr>

    <tr class="content-text">
      <td>签名</td>
      <td colspan="2"><img :src="sing1" /></td>
      <td>日期:</td>
      <td colspan="2">{{ date1 }}</td>
    </tr>
    <tr class="content-text" style="height:60px">
      <td>监理工程师意见:</td>
      <td colspan="5">{{ suggession2 }}</td>
    </tr>

    <tr class="content-text">
      <td>签名:</td>
      <td colspan="2"><img :src="sing2" /></td>
      <td>日期:</td>
      <td colspan="2">{{ date2 }}</td>
    </tr>
  </table>
</template>

<script>
export default {
  name: 'table-footer',
  data () {
    return {};
  },
  props: {
    examiner: {
      type: String,
      required: true
    },
    recorder: {
      type: String,
      required: true
    },
    reviewer: {
      type: String,
      required: true
    },
    suggession1: {
      type: String,
      required: true
    },
    sing1: {
      type: String,
      required: true
    },
    date1: {
      type: String,
      required: true
    },
    suggession2: {
      type: String,
      required: true
    },
    sing2: {
      type: String,
      required: true
    },
    date2: {
      type: String,
      required: true
    }
  }
};
</script>
<style lang="less" scoped>
.f-table td {
  width: calc(100% / 6);
}
@import "../assets/css/common.css";
</style>
